<!DOCTYPE html>
<html manifest="manifest.cache.php">
	<head>
		<title>HTML5 & Javascript</title>
		<script type="text/javascript" src="libs/jquery-1.4.4.js"></script>
		<script type="text/javascript" src="libs/jquery-ui-1.8.6.custom.min.js"></script>
		<script type="text/javascript" src="js/DataLayer.js"></script>
		<script type="text/javascript" src="js/LastFMWebservice.js"></script>
		<script type="text/javascript" src="js/LocalDB.js"></script>
		<script type="text/javascript" src="js/DBActions.js"></script>
		<script type="text/javascript" src="js/User.js"></script>
		<script type="text/javascript" src="js/Artist.js"></script>
		<script type="text/javascript" src="js/Album.js"></script>
		<script type="text/javascript" src="js/canvas.js"></script>
		<script type="text/javascript" src="js/dragdrop.js"></script>

		<link href="css/style.css" type="text/css" rel="stylesheet" />
	</head>
	<body>
		<div class="wrapper">
			<header></header>

			<div class="contentWrapper">
				<div class="userField">
					<div>
						<div id="userDetail" aria-live="assertive"></div>
						<label for="newUserName">Enter Last.FM username: </label>
						<input type="text" id="newUserName" />
					
						<input type="button" class="newuser" value="ok"/>
					
						<!--<input type="button" id="emptyDB" value="Empty DB" /><br />
						<input type="button" id="dropDB" value="Drop DB" />-->
					</div>
				</div>
				
				<div id="dataWrapper">
					<div class="friends">
						<p>Friends</p>
						<ul class="drag_delegates friendslist" aria-live="polite"></ul>
					</div>
					
					<div class="dropbox">
						<ul class="drop_delegates droplist">
							<li class="dropZone" id="dropZone">
							</li>
						</ul>

						<div class="compare-button">
							<input type="button" class="compare-users" value="Compare friends!" />
						</div>
						
						<div class="droppedFriends">
							<ul id="users"></ul>
						</div>

					</div>

					<div id="canvas-wrapper"></div>
				</div>
				
			</div>
		</div>
		<div id="loader"><img src="images/loader.gif"/></div>
	</body>
</html>